<template>
  <a-drawer
    class="drawei"
    :title="title"
    :maskClosable="true"
    :width="drawerWidth"
    placement="right"
    :closable="true"
    @close="handleCancel"
    :visible="visible"
    style="height: 100%;">

      <a-list item-layout="horizontal" :data-source="dataSource">
        <a-list-item slot="renderItem" slot-scope="item, index">
          <a-list-item-meta :description="item.operateInfo">
            <a slot="title" href="#">{{ item.createTime }}</a><span>操作人：{{item.createBy}}</span>
            <a-avatar
              slot="avatar"
              :src="item.headSculpture"
            />
          </a-list-item-meta>
        </a-list-item>
      </a-list>

  </a-drawer>
</template>

<script>
  import { disabledAuthFilter } from "@/utils/authFilter"
  export default {
    name: "UserModal",
    components: {},
    data () {
      return {
        currentCustomerId: 0,
        modalWidth:300,
        drawerWidth:300,
        confirmDirty: false,
        disableSubmit:false,
        departIdShow:false,
        title:"操作",
        visible: false,
        uploadLoading:false,
        confirmLoading: false,
        dataSource:[],
        url:{
          list: "/ghCustomerFileTrendsRecord/list"
        },
      }
    },
    created() {

    },
    methods: {
      showFileTrendsDrawer(fileTrendsData){
        this.visible = true;
        this.title = "文件动态";
        this.dataSource = fileTrendsData;
      },
      isDisabledAuth(code){
        return disabledAuthFilter(code);
      },
      //窗口最大化切换
      toggleScreen(){
        if(this.modaltoggleFlag){
          this.modalWidth = window.innerWidth;
        }else{
          this.modalWidth = 375;
        }
        this.modaltoggleFlag = !this.modaltoggleFlag;
      },
      close () {
        this.$emit('close');
        this.visible = false;
        this.disableSubmit = false;
        this.nextDepartOptions = [];
        this.departIdShow = false;
        //this.$refs.form.resetFields();
      },
      handleCancel () {
        this.close()
      },
    }
  }
</script>

<style scoped>
.drawei /deep/ .ant-drawer-wrapper-body{
  overflow-x: hidden;
  overflow-y: scroll;
}

  .avatar-uploader > .ant-upload {
    width:104px;
    height:104px;
  }
  .ant-upload-select-picture-card i {
    font-size: 49px;
    color: #999;
  }

  .ant-upload-select-picture-card .ant-upload-text {
    margin-top: 8px;
    color: #666;
  }

  .ant-table-tbody .ant-table-row td{
    padding-top:10px;
    padding-bottom:10px;
  }

  .drawer-bootom-button {
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #e8e8e8;
    padding: 10px 16px;
    text-align: right;
    left: 0;
    background: #fff;
    border-radius: 0 0 2px 2px;
  }

  /*【JTC-502】 添加用户两个滚动条*/
  /deep/ .ant-drawer-body {
    padding-bottom: 53px;
  }

</style>
